import React, { Component } from 'react';
import {Progress} from 'antd';

export default class Progresses extends Component{

    constructor(props) {
        super(props);
    }
    componentDidMount(){


    }
    render(){
        const score = this.props.default
        console.log(score)
        return(

            <div>
                <div style={{ fontSize:"20px"}}>
                    <span style={{marginLeft:"0px"}}>Lv1</span>
                    <span style={{marginLeft:"60px"}}>Lv2</span>
                    <span style={{marginLeft:"77px"}}>Lv3</span>
                    <span style={{marginLeft:"86px"}}>Lv4</span>
                    <span style={{marginLeft:"87px"}}>Lv5</span>
                    <span style={{marginLeft:"85px"}}>Lv6</span>
                    <span style={{marginLeft:"85px"}}>Lv7</span>
                    <span style={{marginLeft:"93px"}}>Lv8</span>
                </div>
                <div>
                    <span style={{marginLeft:"8px"}}>|0</span>
                    <span style={{marginLeft:"81px"}}>|600</span>
                    <span style={{marginLeft:"81px"}}>|1800</span>
                    <span style={{marginLeft:"81px"}}>|3600</span>
                    <span style={{marginLeft:"81px"}}>|6000</span>
                    <span style={{marginLeft:"81px"}}>|9000</span>
                    <span style={{marginLeft:"81px"}}>|15000</span>
                    <span style={{marginLeft:"81px"}}>|16800</span>
                </div>
                <Progress className="pro" percent={score} showInfo={false} successPercent={0} strokeWidth={30} style={{ marginLeft:"5px",marginRight:"5px",width:"800px"}}/>
            </div>




        )
    }


}
